草庐IT

Vue + element-ui el-tree 虚拟滚动

全部标签

javascript - polymer 1.0 : Two-way bindings with input elements

代码考虑以下Polymer自定义元素:ResetPolymer({is:'test-element',properties:{'value':{type:String,reflectToAttribute:true,notify:true,value:null}}});我在我的index.html中使用这个自定义元素如下:TestApp问题我相信我已经将value属性声明为双向绑定(bind)(notify:true);然而,当我点击输入并输入一些文本(比如"foo")时,它并没有反射(reflect)在模型中(即调用document.querySelector('test-eleme

javascript - 根据窗口中的元素位置,向下滚动时淡入,向上滚动时淡出

我试图让一系列元素在窗口中完全可见时在向下滚动时逐渐淡入。如果我继续向下滚动,则不希望它们淡出,但如果我向上滚动,则希望它们淡出。这是我找到的最接近的jsfiddle。http://jsfiddle.net/tcloninger/e5qaD/$(document).ready(function(){/*Everytimethewindowisscrolled...*/$(window).scroll(function(){/*Checkthelocationofeachdesiredelement*/$('.hideme').each(function(i){varbottom_of_

javascript - 防止 Internet Explorer 11 中的过度滚动

我有一个网站有在它上面可以垂直滚动。这很好用。我也隐藏了滚动条,这也很好用。CSS本质上是.scrollable{overflow-y:scroll;-ms-overflow-style:none;}不过,我目前在InternetExplorer11和Windows7触摸屏上遇到了问题。当用户点击滚动条的顶部或底部时,窗口会反弹(即出现过度滚动)。虽然这对大多数用户来说只是一种烦恼,但这是在信息亭全屏运行,因此overscoll允许桌面窥视(不仅仅是浏览器背景)。我一直未能找到解决方案。touch-action(前缀和不),例如html,body,.scrollable{-ms-tou

javascript - OS X 滚动条样式更改时是否会触发浏览器事件?

OSXLion及更高版本允许用户打开/关闭iOS风格的float滚动条-通过系统偏好设置手动或插入鼠标。基于WebKit的浏览器(也许还有Opera?)会立即切换它们的滚动条样式-发生这种情况时是否会触发一个事件?(仅WebKit就可以)一些注意事项:当用户切换滚动条样式时,OSX会触发NSPreferredScrollerStyleDidChangeNotificationWebKit似乎没有订阅此事件(grep时没有命中)。我怀疑WebKit正在通过NSViewBoundsDidChangeNotification事件处理此问题(我假设该事件会为ScrollView的内容View触

javascript - Vue.js:Nuxt 错误处理

使用vuex设置错误处理有点困难。似乎有很多方法可以做到这一点,而且关于正确错误处理的文档很少。我一直在尝试四种替代方案,但还没有找到令人满意的解决方案。备选方案1-捕获和处理组件上的错误在pages/login.vue:exportdefault{methods:{onLogin(){this.$store.dispatch('auth/login',{email:this.email,password:this.password,}).then(()=>{this.$router.push('/home');}).catch((error){//handleerrorincompo

javascript - 如何使用 Vue 的内置机制预取图像

我有一个使用VueCLI的应用程序。当应用程序加载时,我有一堆图像,当用户单击按钮时会出现过渡。问题是,当用户点击一个按钮时,相应的图像才开始加载,这意味着大部分动画都在此之前完成。这使得体验非常不稳定,因为图像在过渡期间突然弹出,取代了其他元素。我想在网站加载时预取它们。Thisanswer建议使用Image类(class)。然而,根据VueCLIdocs,Vue内部为此使用了自己的插件,preload-webpack-plugin,显然是canbeconfigured.我尝试配置它以便它预加载图像:vue.config.jsconstHtmlWebpackPlugin=requir

javascript - 当光标位于屏幕的顶部或底部边缘时,如何使用 JQuery/Javascript 向下滚动页面?

简单,我只是想拥有它,所以当用户拖动一个项目并且他们到达视口(viewport)的最底部或顶部时(10px左右),页面(大约3000像素长)轻轻向下或向上滚动,直到他们将光标(因此被拖动的项目)移出该区域。项目是一个li标签,它使用jquery使列表项目可拖动。具体来说:../jquery-ui-1.8.14.custom.min.jshttp://code.jquery.com/jquery-1.6.2.min.js我目前使用window.scrollBy(x=0,y=3)滚动页面并具有以下变量:e.pageY...提供页面上光标的绝对Y坐标(不相对于屏幕)$.scrollTop()

javascript - 如何防止 iFrame 操作导致外部页面滚动到它

首先,我知道有很多关于这种现象的问题,但目前给出的解决方法都无法解决我遇到的情况。环境:我的代码位于我无法控制的页面内的外部iFrame中。它的大小适合我的所有内容,因此我的iFrame内不会发生滚动。相反,外部页面可以上下滚动以查看其内容。问题:我有一个内部iFrame,其中包含我无法控制的第三方广告。如果内部iFrame运行以下任何Javascript命令,外部页面将向下滚动所有内容以显示内部iFrame:模糊并聚焦其中的一个元素window.location.href或document.location.hash到其中的anchor。scrollIntoView在其中的一个元素上

javascript - 有没有办法防止 fastclick 在滚动时触发 “active” 状态?

我正在使用FastClick在具有大链接的页面上,因为我想绕过移动浏览器中点击的300毫秒延迟。我为链接的:active状态设置了“突出显示”样式,并且由于FastClick,它可以快速正确触发。我的问题是——至少在MobileSafari中——它也会在你点击和滑动滚动页面时触发。这让人感觉你无法在不认为你正在尝试点击链接的情况下滚动页面。有没有办法阻止它在有人滚动时触发? 最佳答案 也许您可以将needsclick类添加到正文中?...只是一个想法:) 关于javascript-有没有

javascript - 隐藏/显示剑道网格​​滚动条

我只想在必要时显示我的剑道网格的滚动条。这是我的网格初始化:@(Html.Kendo().Grid().Name("lastPositionsGrid").Columns(columns=>{columns.Bound(c=>c.ACCOUNT).Title("Hesap").Width(70);columns.Bound(c=>c.TICKET).Title("Emir");columns.Bound(c=>c.SIDE).Title("Yön").Width(50);columns.Bound(c=>c.STATE).Title("Durum").Width(65);columns